<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<title>日新网 - 行家</title>
	<link rel="stylesheet" href="__TMPL__Public/assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="__TMPL__Public/assets/css/reset.css">
	<link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
	<script type="text/javascript" src="__TMPL__Public/assets/js/rem.js"></script>
	<style>
		html ,body {height:100%;}
		.mark {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #000;
			filter:alpha(opacity:40);
			opacity:0.4;
			/*z-index: 10;*/
		}
		 .mark_pic {
			position: absolute;
			margin: auto;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			width:2.15rem;
			height:2.55rem;
			/*z-index: 11;*/
			 display: none;
		}
		.mark_pic p {
			font-size: .22rem;
			text-align: center;
			color: #000232;
			margin-bottom: .08rem;
			font-weight: bolder;
		}
		.mark_pic img{
			width: 2.15rem;
			height: 2.15rem;
		}
		.mark_pic .close {
			background: url("./images/close_w.png") no-repeat center;
			-webkit-background-size: .4rem .4rem;
			background-size: .4rem .4rem;
			height: .4rem;
			width: 100%;
			position: relative;
			filter:alpha(opacity:100);
			opacity:1;
			margin-top: .2rem ;
		}
		.column_info .column_item ,.column_info .column_item .name{
			margin-top: 0;
		}

		.item_margin {
			margin-bottom: .2rem;
		}

		.questions_btm span:not(:last-child):after {
			content: "、";
		}
		/*2.20日改版部分*/
		/*企业介绍*/
		.company_introduce {
			min-height: 2.5rem;
			padding: .18rem .24rem 1px;
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
		}
		.company_introduce div {
			margin-bottom: .14rem;
			overflow: hidden;
		}
		.company_introduce .name {
			float: left;
			font-size: .22rem;
			color: #333333;
			width: 1.2rem;
			text-align: right;

		}
		.company_introduce .name1 {
			float: left;
			font-size: .30rem;
			line-height: .34rem;
			font-weight: bold;

			min-width: 1.2rem;
		}
		.company_introduce p {
			margin-left: 1.4rem;
		}
		.answers .answers_item .text{
			 margin-left: 0;
			 margin-top: 0;
		}

		/*more的样式*/
		.expert .expert_item .text {
			margin-top: 0;
		}
		.person a {
			float: right;
			margin-top: .24rem;
			margin-right: .1rem;
			color: #000232;
		}
	</style>
</head>
<body>
	<!--遮罩开始-->
	<div class="mark" style=" display: none;">
		<!--opcity是继承的-->
	</div>
	<div class="mark_pic">
		<!--<p>添加客服，加入社群</p>-->
		<img src="/public/images/img/rixin-qun.jpg" alt="">
		<p class="close"></p>
	</div>
	<!--遮罩结束-->
	<div class="expert_details">
		<div class="details_top">
			<p class="clearfix">
				<span class="icon_zf"></span><span class="icon_add"></span>
			</p>
			<div class="text">
				<!--<img id="professor_avatar" src="{:sp_get_user_avatar_url($base_info['avatar'])}?t={:time()}" alt="">-->
				<img id="professor_avatar" src="{:sp_get_user_avatar_url($base_info['avatar'])}" alt="">
				<div class="text_btm">
					<span class="name" id="fans_group">{$base_info.user_nicename}</span>
					<p>{$base_info.position}</p>
				</div>
			</div>
			<p class="code"><span class="code_mark">加入社群</span></p>
		</div>
		<p class="text_content">{$base_info.signature}</p>
		<div class="expert_introduce">
			<h4>专家介绍</h4>
			<div>
				<p>{$base_info['introduction']}</p>
			</div>
		</div>
		<div class="column_info">
			<!--企业简介-->
			<if condition="!empty($base_info['company'])">
				<div>
					<h4>企业简介</h4>
					<div class="company_introduce">
						<div style="padding-left: .30rem;">
							<span class=" name1">{$base_info.company}</span>
						</div>
						<div>
							<span class="name">企业网址</span>
							<p>{$base_info.company_link}</p>
						</div>
						<div>
							<span class="name">成立时间</span>
							<p>{$base_info.company_start_time}</p>
						</div>
						<div>
							<span class="name">公司地址</span>
							<p>{$base_info.company_addr}</p>
						</div>
						<div>
							<span class="name">公司规模</span>
							<p>{$base_info.scale}</p>
						</div>
						<div>
							<span class="name">详情介绍</span>
							<p class="ellipsis2 open_details">{$base_info.company_introduction}</p>
						</div>
					</div>
				</div>
			</if>



			<if condition="!empty($question)">
				<div style="display: none;">
					<div class="person clearfix">
						<a href="{:U('Question/Question/index')}" class="more">More</a>
						<h4>问答</h4>
					</div>
					<div class="answers">
						<volist name="question" id="vo">
							<a href="{:U('Question/Question/question_info', ['id' => $vo['id']])}">
								<div class="answers_item">
									<p class="text">{$vo.post_title}</p>
									<div class="picture_ground">
										<volist name="vo.answer_avatars" id="vo_a">
											<div class="picture_item">
												<img src="{$vo_a}" alt="">
											</div>
										</volist>
										<if condition="count($vo['answer_avatars']) == 5">
											<div class="picture_item last_item">
												<span class="spot"></span>
											</div>
										</if>
									</div>
								</div>
							</a>
						</volist>
					</div>
				</div>
			</if>


			<if condition="!empty($articles)">
				<div>
					<h4>个人专栏</h4>
					<div class="text_707070">
						<volist name="articles" id="vo">
							<a href="{:U('portal/article/article_info', ['id' => $vo['id']])}">
								<div class="expert_column_item">
									<img src="{$vo.thumb}" alt="">
									<div class="column_item_btm">
										<p class="ellipsis3">{$vo.post_title}</p>
										<span>{:time_format($vo['post_date'])}</span>
									</div>
								</div>
							</a>
						</volist>
					</div>
				</div>
			</if>


			<!--其他行家-->
			<php>
				$professor = get_professor_list();
			</php>
			<if condition="!empty($professor)">
				<div>
					<div class="person clearfix">
						<a href="{:U('portal/index/professor_list')}" class="more">More</a>
						<h4>其他行家</h4>
					</div>
					<div class="expert">
						<volist name="professor" id="vo">
							<a href="{:U('user/index/professor_homepage', array('professor_id' => $vo['user_id']))}">
								<div class="expert_item clearfix">
									<div class="picture_ground">
										<img src="{:sp_get_user_avatar_url($vo['avatar'])}?t={:time()}" alt="">
									</div>
									<div class="text">
										<p class="name">{$vo.user_nicename|default=$vo['user_login']}</p>
										<p class="work"><span class="company_name">{$vo.company}</span><span>{$vo.position}</span></p>
									</div>
								</div>
							</a>
						</volist>
					</div>
				</div>
			</if>
		</div>

	</div>

	<!--页脚-->
	<tc_include file="Public:footer"/>
	<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.1.12.4.js"></script>
	<script src="__TMPL__Public/assets/js/bootstrap.min.js" ></script>
	<script>
        $('.company_link').click(function () {
            var href = $(this).text();
            if (href.indexOf('http') < 0) {
                href = 'http://' + href;
            }
            window.location.href = href;
        });
	</script>
	<!--点击显示功能-->
	<script>
		$(function () {
			$(".code_mark").click(function () {
				$(".mark").css("display","block")
				$(".mark_pic").css("display","block")
            });
            $(".close ,.mark").click(function () {
                $(".mark, .mark_pic").css("display","none")

            })
        })
	</script>

	<!--微信分享-->
	<script src="__PUBLIC__/js/wx/jweixin-1.4.0.js"></script>
	<script type="text/javascript">
        wx.config({
            debug: false,
            appId: '{$signPackage.appId}',
            timestamp: '{$signPackage.timestamp}',
            nonceStr: '{$signPackage.nonceStr}',
            signature: '{$signPackage.signature}',
            jsApiList: [
                // 所有要调用的 API 都要加到这个列表中
                'checkJsApi',
                'onMenuShareAppMessage',
                'onMenuShareTimeline'
            ]
        });

        //完成wx.config，执行这里
        wx.ready(function () {

            wx.checkJsApi({
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            });

            var data = {
                title: "日新网 - 行家",
                desc: '{$base_info.user_nicename}',
                link: window.location.href,
                imgUrl: $('#professor_avatar').attr('src'),
            }

            //分享给朋友
            wx.onMenuShareAppMessage(data);
            //分享到朋友圈
            wx.onMenuShareTimeline(data);
        });
	</script>
	<!--企業詳情展開-->
	<script>
		$(function () {
			$(".open_details").click(function () {
				$(this).toggleClass("ellipsis2");
			})
		})
	</script>
</body> 
</html>